$(function(){
    layui.config({
        base: 'static/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'contlist', 'table','layer'], function(){
        var table = layui.table
            ,layer = layui.layer
            ,$ =layui.$
            ,form = layui.form;

        //页面加载就获取数据
       var tableIns=table.render({
            elem:'#LAY-app-content-list'
            ,height:350
            ,url:'sys/getmenulist.do'
            ,page:true
            ,cols:[[//表头
               {field:'menuId',title: '菜单ID',width:80,fixed:'left'}
               ,{field:'parentMenuId',title: '菜单-PID',width:100,fixed:'left'}
               ,{field:'menuName',title: '菜单名',width:150}
               ,{field:'menuUrl',title: '菜单url',width:120}
               ,{field:'menuType',title: '菜单类型',width:120}
               ,{field:'menuLogo',title: '菜单logo',width:120}
               ,{field:'orderNum',title: '排序号',width:80}
               ,{field:'menuDiscript',title: '菜单描述',width:120}
               ,{field:'menuStatus',title: '菜单状态',width:120, templet: '#buttonTpl'}
               ,{field:'',title: '菜单操作',width:160, toolbar: '#table-content-list'}
           ]] ,initSort: {
               field: 'menuId' //设置初始化排序字段
               ,type: 'asc'  //设置初始化排序方式 desc/asc
           }
           ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
               layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
               //,curr: 5 //设定初始在第 5 页
               ,groups: 5 //只显示 1 个连续页码
               ,first: false //不显示首页
               ,last: false //不显示尾页
           }
           // ,request:{
           //     pageName: 'page' //页码的参数名称，默认：page
           //     ,limitName: 'limit' //每页数据量的参数名，默认：limit
           // }
        });


            //监听表内按钮事件：属性 lay-event="" 是模板的关键所在，值可随意定义。
            table.on('tool(LAY-app-content-list)', function(obj){
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr;
            if(layEvent === 'available'){
                layer.msg("菜单可用");
            }else if (layEvent === 'forbid') {
                layer.msg("菜单禁用");
                //编辑按钮单击
            }else if (layEvent=== 'edit'){
                //提交查询
                $.ajax({
                    url:'sys/getMenuById/'+data.menuId+'.do',
                    dataType:'json',
                    type:'post',
                    success:function(result) {
                        if (result.success){
                            form.val("layuiadmin-app-form-list",result.data);
                           var oop=layer.open({
                                type: 1
                                ,title: '修改菜单'
                                ,content: $('#layuiadmin-app-form-list')
                                ,maxmin: true
                                 ,area: ['550px', '550px']
                            });
                        }
                    }
                });
            }
        });

            //提交修改数据
            form.on('submit(updata-entity-info-btn)',function (data) {

            if (data.field.menu_status=='on'){
                data.field.menu_status=1;
            } else {
                data.field.menu_status=0;
            }
            $.ajax({
                url: 'sys/updatemenu.do',
                data: data.field,
                dataType: 'json',
                type: 'post',
                success: function (result) {
                    if (result.success) {
                        layer.alert('修改成功', {
                            icon: 1,
                            skin: 'layer-ext-moon'
                        });
                    } else {
                        layer.alert('修改失败,请联系管理员', {
                            icon: 2,
                            skin: 'layer-ext-moon'
                        });
                    }
                    //修改成功后表格重载
                    tableIns.reload('LAY-app-content-list',{
                        where:{
                        }
                        ,page:{
                            curr:1
                        }
                    });
                }
            });


        });

            //监听搜索
            form.on('submit(LAY-app-contlist-search)', function(data){
            var field = data.field;
            //执行重载
            table.reload('LAY-app-content-list', {
                where: field
            });
        });

            var $ = layui.$, active = {
            batchdel: function(){
                var checkStatus = table.checkStatus('LAY-app-content-list')
                    ,checkData = checkStatus.data; //得到选中的数据

                if(checkData.length === 0){
                    return layer.msg('请选择数据');
                }
                layer.confirm('确定删除吗？', function(index) {
                    table.reload('LAY-app-content-list');
                    layer.msg('已删除');
                });
            },

            //添加按钮的事件
           /* add: function(){
                layer.open({
                    type: 2
                    ,title: '添加文章'
                    ,content: 'listform.html'
                    ,maxmin: true
                    ,area: ['550px', '550px']
                    ,btn: ['确定', '取消']
                    ,yes: function(index, layero){
                        //点击确认触发 iframe 内容中的按钮提交
                        var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
                        submit.click();
                    }
                });
            }*/
        };


            $('.layui-btn.layuiadmin-btn-list').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    });
});